<div class="row mix-sel-icons">
  <div class="col-6">
    <div class="input-group mb-2">
      <span class="input-group-text"><i class="{{$ctrl.data}}"></i></span>
      <input type="text" class="form-control" ng-model="$ctrl.data" />
    </div>
  </div>
  <div class="col-6 mb-1">
    <div class="input-group mb-2">
      <input
        type="text"
        placeholder="search keywords..."
        class="form-control"
        ng-model="$ctrl.searchText"
      />
      <span class="input-group-text"><i class="fas fa-search"></i></span>
    </div>
  </div>

  <div class="col-12 mb-1">
    <div class="list-icon border w-100 p-0" ng-scroll="$ctrl.showMore()">
      <a
        class="dropdown-item btn px-2"
        ng-repeat="ico in $ctrl.options | filter:$ctrl.searchText| limitTo : $ctrl.limitTo"
        ng-click="$ctrl.select(ico)"
      >
        <i class="{{ico.class}} pr-2"></i>
        <small>{{ico.title}}</small>
      </a>
    </div>
  </div>
</div>
